/* LAYOUT FRAMEWORK */
* { margin: 0; padding: 0; }
.clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }

/* GRID */
/* 960PX WIDTH*/
.w_960 { width: 960px; }
.b1top { width: 100%; margin-top:-40px;}
.b1 { width: 640px; }
.b2 { width: 300px; }
.quat { width: 225px; }
.third { width: 293px; }
.twothird { width: 585px; }
#preview_iphone { border-left: 1px solid #d6d6d6; }
/* LAYOUT GENERAL CLASSES */
.full { width: 100%; }
.col { float: left; margin: 0 10px; display: inline; }
.wrapper { margin: 0 auto; }
.container { margin: 10px 0; padding: 19px; background-color: #fff; border: 1px solid #d7d7d7; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.first_col { /* The first left component*/margin-left: 0; }
.last_col { /* The last right component*/margin-right: 0; }
.left { display: inline; float: left; }
.right { display: inline; float: right; }
.center { text-align: center; margin: 0 auto; }
.aligncenter { display: block; margin: 20px auto; }
/* GENERAL */
body { font: 300 14px/21px "Helvetica Neue", Helvetica, Arial, sans-serif; color: #505050; background: url(/assets/images/bg.gif) repeat top left; }

a { outline: none; color: #cd240d; text-decoration: none;}


/* TYPOGRAPHY */
h1, h2, h3, h4, h5, h6 { padding: 5px 0; margin: 5px 0; }
h1 { font-size: 26px; line-height: 36px; font-weight: 900; }
h2 { font-size: 18px; line-height: 26px; font-weight: 900; }
h3 { font-size: 16px; line-height: 24px; font-weight: 900; }
h4 { font-size: 14px; line-height: 21px; font-weight: 900; }
h5 { font-size: 12px; line-height: 18px; font-weight: 900; }
h6 { font-size: 10px; line-height: 15px; font-weight: 400; }

p { padding: 0 0 20px 0; }
small { font-size: 9px; line-height: 12px; }
strong { color: #333; font-weight: 900; }
blockquote { font-size: 14px; font-style: italic; color: #666; margin: 20px 20px 20px 40px; padding-left: 40px; border-left: 1px dotted #666; font-family: Georgia, serif; }
.li_no { list-style: none; }

/* IMAGES */
.alignleft { float: left; margin: 0 15px 5px 0; display: inline; }
.alignright { float: right; margin: 0 0 5px 15px; display: inline; }
.aligncenter { display: block; margin: 20px auto; }
.frame { padding: 4px; border-width: 1px; border-style: solid; border-color: #d1d1d1 #bdbdbd #969696 #bebebe; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #fff; -moz-box-shadow: 0 1px 2px #cbcbcb; box-shadow: 0 1px 2px #cbcbcb; -webkit-box-shadow: 0 1px 2px #cbcbcb; }

a img { border: 0; }
img { border: 0; }

/* TOP */
#top { height: 51px; background: url(/assets/images/header_bg.png) repeat-x top left; }
#header { height: 41px; background: url(/assets/images/gradient.png) no-repeat -100px 0; padding-top: 10px; }
#logo { padding: 0; margin-top: -5px;}
#logo a { border: 0; float: left; }
.member a, .member span, .member { float: right; display: inline; margin-left: 10px; color: #e3eef4; border: 0; line-height: 30px;}
.member a { font-size: 14px; font-weight: 900}
.member a:hover { color: #fff; border: 0; }
a.signup { background: url(/assets/images/button_signup.png) no-repeat 0 0; width: 104px; height: 30px; text-indent: -9999em; border: 0; }
a.signup:hover { background: url(/assets/images/button_signup.png) no-repeat 0 -30px; }
.member_menu { text-align: right; }
.member_menu li { display: inline; margin-left: 15px; text-shadow: 0 1px 0 #000; }
.member_menu a { display: inline; font-weight: 300; font-size: 12px; float: none; text-decoration: none; }
.member_menu a.current { color: #fff; font-weight: 900; }
.member_menu strong { color: #ffcfc6; font-weight: 900; }

/* FLOW */
#flow { background: url(/assets/images/yellow_bg.png) repeat top left; padding: 10px 0; text-shadow: 0 1px 0 #fff; }
.flow_bg { float: left; background: url(/assets/images/flow.png) no-repeat bottom right; width: 676px; height: 133px; padding-top: 157px; }
#flow_pre { background: url(/assets/images/flow_bg.png) no-repeat bottom right; width: 960px; height: 316px; }
.front_preview { float: left; width:284px; height: 290px; position: relative; }
.front_preview a { border: 0; float: left; width: 166px; height: 56px; display: inline; text-indent: -9999em; background: url(/assets/images/button_getstarted.png) no-repeat top left; position: absolute; bottom: -1px; left: 55px; z-index: 9;}
.front_preview a:hover { border: 0; }
.front_preview img { position: absolute; bottom: 50px; right: 30px; z-index: 8; }
.steps { width: 180px; text-align: center; color: #646464;font-size: 14px; }
.steps h3 { color: #484848; font-size: 16px; }
.step_1 { margin: 0 0 0 30px; }
.step_2 { margin: 0 0 0 60px; }
.step_3.steps { margin: 0 0 0 100px; width: 118px; }

/* HOW */
#how { padding: 10px 0 20px; background-color: #fff; border-top: 1px solid #dadada; border-bottom: 1px solid #dadada; }
#how h3 { font-size: 24px; font-weight: 300; margin-bottom: 20px; }
#how img { float: left; display: inline; margin: 0 10px 15px 0; }
#how p { padding: 0 30px 0 0; font-size: 14px; line-height: 20px; color: #666; background: url(/assets/images/next.png) no-repeat right 50%; height: 80px; }
#how p.last { background-image: none; padding: 0; }

/* MESSAGE  */
#Error{ width:100%; height:34px;}
.error_left{ width:9px; height:34px; background:url(/assets/images/Error_Display.png) no-repeat 0 0; _behavior: url(http://bloapp.com/js/iepngfix.htc); float:left; }
.error_mid{ width:97%; height:35px; background:url(/assets/images/Error_Display.png) no-repeat -9px 0; _behavior: url(http://bloapp.com/js/iepngfix.htc); float:left;}
.error_right{ width:12px; height:34px; background:url(/assets/images/Error_Display.png) no-repeat right top; _behavior: url(http://bloapp.com/js/iepngfix.htc); float:left; }
.e_icon{ width:18px; height:18px; float:left; margin:8px 0 0 10px;_margin:8px 0 0 8px; background:url(/assets/images/icon.png) no-repeat;  _behavior: url(http://bloapp.com/js/iepngfix.htc);}
.e_text{ width:75%; height:22px; float:left; margin:5px 0 0 20px; padding-top:3px;}
#Info{ width:100%; height:34px;}
.info_left{ width:9px; height:34px; background:url(/assets/images/Error_Display_green.png) no-repeat 0 0; _behavior: url(http://bloapp.com/js/iepngfix.htc); float:left; }
.info_mid{ width:97%; height:35px; background:url(/assets/images/Error_Display_green.png) no-repeat -9px 0; _behavior: url(http://bloapp.com/js/iepngfix.htc); float:left;}
.info_right{ width:12px; height:34px; background:url(/assets/images/Error_Display_green.png) no-repeat right top; _behavior: url(http://bloapp.com/js/iepngfix.htc); float:left; }
.info_icon{ width:18px; height:18px; float:left; margin:8px 0 0 10px;_margin:8px 0 0 8px; background:url(/assets/images/icon_green.png) no-repeat;  _behavior: url(http://bloapp.com/js/iepngfix.htc);}
.info_text{ width:75%; height:22px; float:left; margin:5px 0 0 20px; padding-top:3px;}

/* CONTENT */
#page { padding: 20px 0; }
.num { font-size: 11px; color: #999; }
.heading { padding-bottom: 0; margin-bottom: 0; } 
.description { padding-bottom: 0; margin-bottom: 0; font-size: 14px; }
#content { border-top: 1px solid #d8dee1; padding: 10px 0; }
#content ol, #content ul { padding: 18px; margin: 9px 18px; }
#content li, #content li { margin-bottom: 5px; }



/* SIDEBAR */
.widget { padding: 14px; border-width: 1px; border-style: solid; border-color: #d1d1d1 #bdbdbd #969696 #bebebe; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #fff; -moz-box-shadow: 0 1px 2px #cbcbcb; box-shadow: 0 1px 2px #cbcbcb; -webkit-box-shadow: 0 1px 2px #cbcbcb; }
.widget ul { list-style: none; }
.widget li { padding: 5px 0 ; margin: 3px 0; line-height: 18px; border-bottom: 1px dotted #ccc; color: #757575; font-size: 12px; }
.widget h4, .note h4 { padding: 0 0 5px; border-bottom: 1px solid #d4d4d4; margin: 0 0 10px; }
.note h4 { border: 0; }
.note { padding: 14px; border: 1px solid #dedcb0; background-color: #fbfae2; }

/* FOOTER*/
#footer { margin-top: 40px; border-top: 1px solid #d8dee1; padding: 10px 0; font-size: 11px; }
.credit li { display: inline; margin: 0 10px; }
.credit li:first-child { margin-left: 0; }
.credit a { display: inline; font-weight: 900; color: #646464; }
.credit a:hover { border-color: #000; }
#social a { margin: 5px 0 0 10px; line-height:14px; float: right; display: inline; width: 16px; height: 16px; text-indent: -9999em; background-image: url(/assets/images/social.png); background-repeat: no-repeat;border: 0; }
#social a:hover { border:0; }
a.fb { background-position: -29px -16px; }
a.fb:hover { background-position: -29px 0; }
a.tw { background-position: 0 -16px; }
a.tw:hover { background-position: 0 0; }

/* FORM */
.myform { padding: 15px 0; }
.cusform { }
.new { border-top: 1px solid #d7d7d7; }
.row { padding: 8px 0 8px 200px; position: relative; }
.claim { padding: 8px 0 8px 0px; position: relative; }
.med { width: 200px; }
.long { width: 400px; }
.row p {  }
.inputs { color: #888; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; background-color: #fff; border: 1px solid #dddddd; padding: 5px; float: left; width: }
.myform span { background-color: #ececec; padding: 3px; float: left; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.myform span.error { background-color: #efdddd; }
input.inputs:focus { border: 1px solid #666; color: #444; }
input.error, input.error:focus, select.error, textarea.error { border: 1px solid #a45f5f; }

input.checkbox { margin: 10px 10px 0 0; border: 0; padding: 0; float: none; }

.two_col label { text-align: right; position: absolute; left: -20px; top: 10px; width: 200px; }

label.normal { text-align: left; position: relative; line-height: 28px; font-size: 12px; left: auto; top: auto; }

label.normal small { display: block; padding-left: 24px; }
input.submit, a.submit { background: url(/assets/images/button_bg_red.png) repeat-x top left; cursor: pointer; border: 0; height: 28px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 4px 8px; display: block; font-size: 12px; font-weight: 900; color: #fff; }
input.submit:hover, a.submit:hover { background-position: 0 -28px; border:0; color: #fff; }
a.second_opt { font-size: 12px; }

input.button, a.button { background: url(/assets/images/button_bg_red.png) repeat-x top left; cursor: pointer; border: 0; height: 28px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 4px 8px; display: block; font-size: 12px; font-weight: 900; color: #fff; }
input.button:hover, a.button:hover { background-position: 0 -28px; border:0; color: #fff; }



label.checkbox { left:225px; text-align:left; width:400px; cursor: pointer; }
.radio small { line-height: 14px; display: block; margin-bottom: 15px; }

/* ALERT/STATUS */
.message { margin: 20px auto; width: 600px; padding: 0 14px; text-align: center; }
.box { padding: 14px; }
.box p { padding: 0; }
.notification { background-color: #e1ebf1; border: 1px solid #98c3db; }
a.close { float: right; display: inline; width: 22px; height: 22px; background: url(/assets/images/close.png) no-repeat top left; text-indent: -9999em; border: 0; }
a.close:hover { border: 0; }

/* TABLE */
table { border: 1px solid #d9d6d6; background: #fff; }
th, td { padding: 5px 10px; }
th { height: 50px; background: url(/assets/images/table_head.png) repeat-x top left; text-shadow: 0 1px 0 #fff; color: #555; text-align: left; }
td { padding: 8px 10px; border-bottom: 1px solid #e8e8e8; font-size: 12px; }
.odd td { background-color: #f9f9f9; }
td.number { text-align: center; }

.adsense a{width: 17px; border: 0; float: left; display: inline; margin: 0 10px 0 0;}
.action a { background-image: url(/assets/images/action.png); background-repeat: no-repeat; width: 17px; border: 0; text-indent: -9999em; float: left; display: inline; margin: 0 10px 0 0; }
.action a:hover { border: 0; }
a.info { background-position: 0 0; height: 17px; }
a.pref { background-position: 0 -16px; height: 18px; }
a.pause { background-position: 0 -48px; height: 18px; }
a.promote { background-position: 0 -33px; height: 16px; margin-top: 2px; }
a.run{ background-position: 0 -65px; height: 17px;}
a.delete{background-position: 0 -82px; height: 17px;  }
a.btn_delete{ width:48px; height:18px; background:url(/assets/images/btn_delete.png) no-repeat;}
a.info:hover { background-position: -17px 0; }
a.pref:hover { background-position: -17px -16px; }
a.pause:hover { background-position: -17px -48px; }
a.promote:hover { background-position: -17px -33px; }
a.run:hover { background-position: -17px -65px; }
a.delete:hover { background-position: -17px -82px; }
a.btn_delete:hover{ width:48px; height:18px; background:url(/assets/images/btn_delete_on_png.jpg) no-repeat;}

.status { font-weight: 900; font-size: 10px; font-family: Helvetica, Arial, sans-serif; padding: 3px 6px; color: #fff; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; }
.status_0 { background-color: #f9e75b; color: #000; }/*Not Verified */
.status_1 { background-color: #f9e75b; color: #000; }/*Verified*/
.status_2 { background-color: #07a3fc; }/*approved*/
.status_3 { background-color: #86c40f; }/*Live*/
.status_4 { background-color: #fc0707; }/*Rejected*/
.status_5 { background-color: gray; }/*Paused*/
.add_action { margin: 10px 0; }
.add_action a { float: right; display: inline; height: 20px; }
.add_action.a_left { float: left; width: 100%; }
.add_action.a_left a { float: left; display: inline; height: 20px; }

/* ADD BLOG */
.progress { padding-bottom: 5px; border-bottom: 1px solid #d5d5d5; }
.progress div { float: left; width: 250px; display: inline; }
.progress .steps_1 { width: 200px; padding: 0; }
.progress h3 { float: left; font-size: 18px; color: #ccc; background: url(/assets/images/next_steps_2.png) no-repeat right 8px; padding: 5px 40px 5px 0; }
.current h3 { color: #646464; background: url(/assets/images/next_steps.png) no-repeat right 8px; }
.progress span { background: url(/assets/images/number.png) no-repeat left top ; color:#A35617; float:left; font-size:13px; font-weight:900; height:24px; text-align:center; width:24px; display: inline; margin-right: 5px; margin-top: 0; text-shadow: 0 1px 0 #fff; }
.completed h3 { background: url(/assets/images/completed.png)no-repeat right 5px; color: #646464; }
.last h3 { background-image: none; }

#instructions small { font-size: 12px; }
#instructions ol { padding: 9px 18px; margin: 9px 18px; }
#instructions li { margin-bottom: 10px; }
#instructions .submit { float: left;  margin-right: 10px; }
#instructions xmp { display: block; }
#completed a.submit { display: inline; padding: 6px 8px; }

/* Customize */
.cus { display: block; margin-top: 20px; margin-bottom: -6px; position: relative; }
.cus li { display: inline; }
.cus a { padding: 8px 15px; border: 0; font-size: 13px; font-weight: 900; color: #999; }
.cus a.current { border-width: 1px; border-style: solid; border-color: #d7d7d7 #d7d7d7 #fff #d7d7d7; background-color: #fff; color: #000; -webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px; border-top-left-radius: 5px; border-top-right-radius: 5px; }
.cus a:hover { color: #000; border:0; }
.cus a.current:hover { border-width: 1px; border-style: solid; border-color: #d7d7d7 #d7d7d7 #fff #d7d7d7; background-color: #fff; color: #000; }

#cus_1 .third { text-align: center; margin-bottom: 40px; }
#cus_1 img { display: block; margin: 0 auto 10px;  }
#cus_1 label { cursor: pointer; }
#cus_1 .submit { margin-right: 10px; margin-top: -4px }
#cus_1 #colorSelector, #cus_1 #colorSelector1, #cus_1 #colorSelector2,#cus_1 #colorSelector3 { margin-left: 0; }
#cus_1 .full { margin-top: 20px; }

.input_desc { float: left; width: 100%; font-size: 11px; margin-top: 5px; }
.cus_row { position: relative; width: 100%; }
.upload { display: block; }
a.upload { background: url(/assets/images/button_bg_black.png) repeat-x top left; cursor: pointer; border: 0; height: 20px; -webkit-border-radius: 3px; -moz-border-radius: 3px; border-radius: 3px; padding: 4px 8px; font-size: 12px; font-weight: 900; color: #fff; margin-top: 10px; float: left; margin-bottom: 10px; }
a.upload:hover { background-position: 0 -28px; }
#cus_1 h5 { margin-bottom: 0; clear: both; }
.iphone { float: right; background: url(/assets/images/layout_iphone.png) no-repeat top left; width: 214px; height: 378px; position: relative; padding:80px 0 0 20px; } 
#cus_1 .iphone div.demo { position: absolute; top: 83px; right: 18px; border: 0; }

xmp {display:block; border: 1px solid #dedcb0; background-color: #fbfae2; width: 100%; padding: 10px;text-align:justify;text-justify:inter-ideograph;overflow:hidden;table-layout:fixed;word-wrap:break-word; }

/* PROMOTE*/
.circle { font-size: 11px; color: #999; }
.url { font-size: 12px; color: #999; }
.promote_box { float: left; width: 100%; padding: 15px 0; margin-bottom: 20px; border-bottom: 1px solid #d4d4d4; }
.promote_box p { padding: 0; }
.promote_left { float: left; display: inline; width: 200px; margin-right: 15px; font-size: 12px; }
.promote_left h3 { padding-top: 0; margin-top: 0; }
.promote_action { float: left; display: inline; width: 740px; }
.promote_action.social a { border: 0; margin-right: 10px; }


/*color picker*/
#colorSelector {
	position: relative;
	width: 36px;
	height: 36px;
	background: url(/assets/images/select.png);
}
#colorSelector div {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 30px;
	height: 30px;
	background: url(/assets/images/select.png) center;
}

#colorSelector2 {
	position: relative;
	width: 36px;
	height: 36px;
	background: url(/assets/images/select.png);
}
#colorSelector2 div {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 30px;
	height: 30px;
	background: url(/assets/images/select.png) center;
}

#colorSelector3 {
	position: relative;
	width: 36px;
	height: 36px;
	background: url(/assets/images/select.png);
}
#colorSelector3 div {
	position: absolute;
	top: 3px;
	left: 3px;
	width: 30px;
	height: 30px;
	background: url(/assets/images/select.png) center;
}

#simulatortop{ width:195px; height:33px; background:url(/assets/images/top.png) no-repeat;}
.simulatorh_title{ width:55%; height:20px; float:right; margin-right:5px; margin-top:3px;}
.simulatorh_text{ width:75%; line-height:20px; float:left; margin-right:5px; text-align:right; font-size:12px; font-weight:700;}
.simulatorh_img{ width:21px; height:21px; float:right;}
#simulatormid{ width:195px; height:301px;}
.simulatorcontent{ width:190px; height:35px; margin: 5px auto;}
.simulatorday{ width:25px; height:29px; background:url(/assets/images/day.png) no-repeat; float:left;}
.simulatord_text{ width:130px; height:60px; float:left; margin-left:5px; }
.simulatorclearwords{text-align:justify;text-justify:inter-ideograph;overflow:hidden;table-layout:fixed;word-wrap:break-word;}
.simulatord_Tex{ font-size:10px; font-weight:700; font-family:Arial, Helvetica, sans-serif;}
.simulatord_icon{ width:14px; height:25px; float:left; margin-top:0px; margin-left:10px;}
.simulatorline{ width:185px; height:10px; background:url(/assets/images/line.png) no-repeat; font-size:1px; float:left; margin-top:5px; margin-left:10px;}
.simulatorday_top{ line-height:10px; color:fff; font-family:Arial, Helvetica, sans-serif; font-size:7px; padding-left:5px;}
.simulatorday_d{ line-height:15px; font-size:14px; padding-top:3px;  font-family:Arial, Helvetica, sans-serif;  padding-left:8px;}


/* your logo */
li{ list-style:none;}
.b_outline,.b_outline_r{  width:200px; height:350px; float:left; margin-left:20px;}
.b_inside{ width:195px; height:301px; margin-bottom:10px; border:1px #000 solid;}
.b_top{ width:195px; height:33px; background:url(/assets/images/top.png) no-repeat;}
.b_title{ width:55%; height:20px; float:right; margin-right:5px; margin-top:3px;}
.b_text{ width:75%; line-height:20px; float:left; margin-right:5px; text-align:right; font-size:12px; font-weight:700;}
.b_img{ width:21px; height:21px; float:right;}
.grey_b,.grey_b_m{ width:195px; height:89px; background:#f8f8f8; float:left;}
.grey_b_m{ height:155px;}
.white_b,.white_b_r {width:195px; height:89px; background:#fff; float:left;}
.white_b_r { height:110px; float:left;}
.b_day{ width:35px; height:55px; float:left; margin:10px 0 0 5px; padding-top:10px;}
.col_day{ font-family:Arial, Helvetica, sans-serif; font-size:20px; font-weight:800; color:#69a609;}
.col_mon{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#69a609;}
.b_day ul li{ margin-top:-7px;}
.day_li{ margin-bottom:3px;}
.b_con,.b_con_m,.b_con_r{ width:150px; height:85px; float:left; margin:3px 0 0 5px; overflow:hidden;}
.b_con_m{ width:85%;}
.b_con_r{ width:185px; height:150px; overflow:hidden; }
.b_con ul li{ text-align:left; margin-top:-5px;}
.b_con_m ul li{ text-align:left; margin-top:-5px;}
.b_con_r ul li{ text-align:left; margin-top:-5px;}
.b_tit{ font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:700; color:#960707; }
.clearwords{text-align:justify;text-justify:inter-ideograph;overflow:hidden;table-layout:fixed;word-wrap:break-word;}
.b_tt{ color:#717171; font-size:14px; font-family:Arial, Helvetica, sans-serif; font-weight:700; line-height:16px;}
.b_more{ color:#960707; font-size:11px; font-family:Arial, Helvetica, sans-serif; font-weight:700; text-decoration:underline;}
.day_tit{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#69a609; font-weight:800;}

